.ui-calendar { width:375px; border:1px solid #EBEBEB; box-shadow:2px 2px 4px rgba(0,0,0,.1); background-color:#fff; z-index:19920604; font-size:12px; color:#333; -webkit-user-select:none; -ms-user-select:none; user-select:none;}
.ui-calendar .clearfix:before, .ui-calendar .clearfix:after { content:''; display:table;}
.ui-calendar .clearfix:after { clear:both;}
.ui-calendar .clearfix { *zoom:1;}
.ui-calendar-body { padding:10px 10px 0; background-color:#fff;}
.ui-calendar-head { padding:0 5px 10px; border-bottom:1px solid #EBEEF0;}
.ui-calendar-head em { float:left; padding:0 7px; margin:10px 8px 0; height:22px; line-height:22px; text-align:center; border-radius:11px; color:#0099FF;}
.ui-calendar-head em.s-crt { background-color:#0099FF; color:#fff;}
.ui-calendar-main { border:1px solid #EBEBEB;}
.ui-calendar-tab { position:relative; margin:0 10px; height:50px; z-index:1;}
.ui-calendar-tab .tabdir { position:absolute; top:50%; margin-top:-7px;}
.ui-calendar-tab .tab-left { left:0;}
.ui-calendar-tab .tab-right { right:0;}
.ui-calendar-tab .dirbtn { float:left; margin-right:10px; width:13px; height:14px; background:url("../../images/button.png?v=a5aa849") no-repeat; cursor:pointer;}
.ui-calendar-tab .prevYear { background-position:center 0;}
.ui-calendar-tab .prevMonth { background-position:center -40px;}
.ui-calendar-tab .nextYear { margin-right:0; background-position:center -20px;}
.ui-calendar-tab .nextMonth { background-position:center -60px;}
.ui-calendar-tab .prevYear:hover { background-position:center -80px;}
.ui-calendar-tab .prevMonth:hover { background-position:center -120px;}
.ui-calendar-tab .nextYear:hover { background-position:center -100px;}
.ui-calendar-tab .nextMonth:hover { background-position:center -140px;}
.ui-calendar-tab .prevYear.s-dis { background-position:center -160px;}
.ui-calendar-tab .prevMonth.s-dis { background-position:center -200px;}
.ui-calendar-tab .nextYear.s-dis { background-position:center -180px;}
.ui-calendar-tab .nextMonth.s-dis { background-position:center -220px;}
.ui-calendar-tab em.s-dis { cursor:default;}
.ui-calendar-tab div { position:absolute; left:50%; top:50%; width:96px; height:16px; margin:-8px 0 0 -53px;}
.ui-calendar-tab div b { margin:0 3px; font-size:14px; font-weight:bold;}
.ui-calendar-tab dl { position:relative;}
.ui-calendar-tab dl, .ui-calendar-tab div b { float:left;}
.ui-calendar-tab dt, .ui-calendar-tab div b { line-height:16px;}
.ui-calendar-tab dt { font-size:15px; font-weight:bold;}
.ui-calendar-tab dd { position:absolute; top:20px; left:50%; margin-left:-31px; width:62px; border:1px solid #E3E3E3; background-color:#fff;}
.ui-calendar-tab dd i, .ui-calendar-tab dd s { position:absolute; left:50%; line-height:0; font-size:0;}
.ui-calendar-tab dd i { top:-12px; margin-left:-6px; border:6px dashed transparent; border-bottom-color:#D7D7D7; border-bottom-style:solid;}
.ui-calendar-tab dd s { top:-10px; margin-left:-5px; border:5px dashed transparent; border-bottom-color:#fff; border-bottom-style:solid;}
.ui-calendar-tab dd span { position:relative; display:block; height:15px; overflow:hidden; cursor:pointer; background:url("../../images/button.png?v=a5aa849") no-repeat}
.ui-calendar-tab dd span i { display:none;}
.ui-calendar-tab dd .upYear { background-position:center -236px;}
.ui-calendar-tab dd .downYear { background-position:center -246px;}
.ui-calendar-tab dd .upYear:hover { background-position:center -258px;}
.ui-calendar-tab dd .downYear:hover { background-position:center -268px;}
.ui-calendar-tab li { float:left; display:inline; width:62px; height:24px; line-height:24px; text-align:center; cursor:pointer;}
.ui-calendar-tab .calendar-month dd { margin-left:-53px; width:104px;}
.ui-calendar-tab .calendar-month ul { padding:0 0 2px 0;}
.ui-calendar-tab .calendar-month li { margin:2px 0 0 2px; width:32px;}
.ui-calendar-tab li:hover { background-color:#E9F2F9;}
.ui-calendar-tab li.s-crt { background-color:#64B1F3; color:#fff;}
.ui-calendar-tab li.s-dis, .ui-calendar-tab li.s-dis:hover { cursor:default; background:none; color:#D8D8D8;}
.ui-calendar-table { width:100%;}
.ui-calendar-table thead tr { background-color:#EBEEF0;}
.ui-calendar-table td, .ui-calendar-table th { padding:0; text-align:center; vertical-align:middle;}
.ui-calendar-table th { height:25px;}
.ui-calendar-table td { width:45px; height:36px; }
.ui-calendar-table td { padding:3px 0;}
.ui-calendar-table td span { display:inline-block; width:36px; height:36px; line-height:36px; border-radius:3px;}
.ui-calendar-table td span:hover { background-color:#E9F2F9; cursor:pointer;}
.ui-calendar-table td.s-crt span, .ui-calendar-table td.s-sel span { background-color:#64B1F3; color:#fff;}
.ui-calendar-table td.other-cell span, .ui-calendar-table td.s-dis span { color:#D8D8D8;}
.ui-calendar-table td.s-dis span { cursor:default; background:none;}
.ui-calendar-foot { position:relative; padding:10px;}
.ui-calendar-foot .calendar-btn { float:right;}
.ui-calendar-foot .calendar-btn em { float:left; margin-left:5px; height:26px; line-height:26px; padding:0 12px; border:1px solid #EBEBEB; border-radius:3px; background-color:#fff; color:#7D7D7D; cursor:pointer; word-wrap:normal; white-space:nowrap;}
.ui-calendar-foot .calendar-btn em:hover { border-color:#DADADA;}
.ui-calendar-foot .calendar-btn .confirm { background-color:#64B1F3; border-color:#64B1F3; color:#fff;}
.ui-calendar-foot .calendar-btn .confirm:hover { background-color:#52A5EA; border-color:#52A5EA;}
.ui-calendar-foot p, .ui-calendar-foot p b, .ui-calendar-foot p em { float:left;}
.ui-calendar-foot p { text-align:center; border-radius:3px;}
.ui-calendar-foot p b { position:relative; width:36px; color:#fff; background-color:#64B1F3; line-height:28px; border-radius:3px 0 0 3px;}
.ui-calendar-foot p em { margin-left:-1px; width:28px; line-height:26px; border:1px solid #EBEBEB; cursor:pointer;}
.ui-calendar-multi { width:694px;}
.ui-calendar-multi .ui-calendar-body { padding-left:0;}
.ui-calendar-multi .ui-calendar-main { float:left; width:330px; margin-left:10px;}
.ui-calendar-multi td.s-sel.other-cell span { background:none; color:#D8D8D8;}
.ui-calendar-month { width:207px;}
.ui-calendar-multi.ui-calendar-month { width:405px;}
.ui-calendar-month .ui-calendar-main { width:185px;}
.ui-calendar-month .ui-calendar-tab div { width:58px; margin-left:-28px;}
.ui-calendar-time { position:absolute; left:10px; bottom:48px; width:347px; background-color:#fff; text-align:center; border:1px solid #EBEBEB;}
.ui-calendar-timehead { position:relative; height:25px; line-height:25px; background-color:#EBEEF0;}
.ui-calendar-timehead i { position:absolute; top:2px; right:10px; cursor:pointer; font-size:18px;}
.ui-calendar-time.hour { width:245px;}
.ui-calendar-timebody { padding:0 0 5px;}
.ui-calendar-timebody span { float:left; margin:5px 0 0 6px; width:28px; height:28px; line-height:28px; border-radius:2px;}
.ui-calendar-timebody span:hover { background-color:#E9F2F9; cursor:pointer;}
.ui-calendar-timebody span.s-crt { background-color:#0099FF; color:#fff;}
.ui-calendar-timebody span.s-dis { color:#D8D8D8; cursor:default; background:none;}